// const el = document.getElementById('app')
// el.innerHTML = toUpperCase('hello,world')

import './assets/main.css'
import './assets/main2.less'


import { toUpperCase } from './util'

const el = document.getElementById('app')
el.innerHTML = `
    <h1 class="title">
        ${toUpperCase('hello,world!!!')}
    </h1>

     <ul class="my-list">
        <li class="list-item">项目1</li>
        <li class="list-item">项目2</li>
        <li class="list-item">项目3</li>
        <li class="list-item">项目4</li>
    </ul>
    <div class="my-img"></div>
     <!-- 使用字体图标 -->
    <span class="iconfont icon-home"></span>
    `

// 导入一张图片
import pic2 from './assets/images/aaa.png'

// 将导入的图片设置到 img 标签上
const img2 = document.getElementById('img2')
img2.src = pic2

// 一个能返回 Promise 的函数
function asyncTask(name) {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const result = `hello,${name}`
            resolve(result)
        }, 2000)
    })
}

// 通过 async/await 语法执行以上函数
async function start() {
    const result = await asyncTask('张三')
    console.log(result)
}

// 执行
start()